<template>
  <view class="com-column com-main-cross-center" :style="{height: height}">
    <image class="icon" :src="image" @click="onPressed" mode="aspectFit"/>
    <view class="message" @click="onPressed">{{ message }}</view>
  </view>
</template>

<script>
  export default {
    name: "a-empty",

    props: {
      image: {
        type: String,
        default: "/static/common/image/image_empty.png"
      },
      message: {
        type: String,
        default: "空空如也，刷新试试~"
      },
      height: {
        type: String,
        default: "75vh"
      }
    },
    methods: {
      onPressed() {
        this.$emit("onPressed")
      }
    }
  }
</script>

<style lang="scss" scoped>
  .icon {
    width: $view150;
    height: $view150;
  }

  .message {
    font-size: $fontDefault;
    color: $color-font-hint;
  }
</style>